/**
 * Created by Administrator on 2017/2/20 0020.
 */
var i=0;
var timer;
$(function(){
    // $('#lunbo').hover(function(){$('.btn').show();},function(){$('.btn').hide();});

    $('.jp').eq(0).show().siblings().hide();//siblings() 是其他的都隐藏
    showTimer();
    $('.li').hover(function(){
        i = $(this).index();
        show(); //调用下面的方法
        clearInterval(timer); //清除定时器
    },function(){
        showTimer(); //调用下面的方法
    })

    $('.btn1').click(function(){
        clearInterval(timer);
        if (i==0) {
            i=5;
        }
        i--;
        show();
        showTimer();
    })

    $('.btn2').click(function(){
        clearInterval(timer);
        if (i==4) {
            i=-1;
        }
        i++;
        show();
        showTimer();
    })
});
function show(){
    $('.jp').eq(i).fadeIn().siblings().fadeOut();
    //fadeIn()  是渐变 的显示  如果用show()的效果 会没那么好看
    //fadeuot() 是渐变 的隐藏  如果用hide()的效果 会没那么好看
    $('.li').eq(i).addClass('wan').siblings().removeClass('wan');
}

function showTimer(){
    timer=setInterval(function(){ //setInterval()  是定时器 开启
        i++;
        if (i==5) {
            i=0;
        }
        show();
    },3000);
}